// 侧边栏左侧样式-180

/*
* 主要应用于,产品详情和素材详情及素材列表左侧样式
*/
.material-classify {
  width: 180px;

  .material-classify-title {
    font-weight: 700;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #f1f1f1;
  }

  .material-classify-content {
    padding: 12px 0;

    .material-classify-content-list {
      box-sizing: border-box;
      cursor: pointer;
      text-align: center;
      height: 40px;
      line-height: 40px;
      border-left: 6px solid transparent;

      &:hover {
        // border-left: 6px solid #000;
        background-color: #f1f1f1;
      }
    }
    .material-classify-content-list-active {
      border-left: 6px solid #000;
      background-color: #f1f1f1;
    }
  }
}
